<template>
	<div class="ion-view" id="market">

		<ion-header>
			<div>
				真的无聊
			</div>
			<div>
				BTC人民币现货
			</div>
			<div>
				你好无聊啊
			</div>
		</ion-header>

		<ion-content class="has-header has-tabs">
			<input v-focus/><br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<input/><br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<input/><br>
			<button v-on:click="addAtLast()">点我</button>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<input/><br>
			<button v-on:click="addAtLast()">点我</button>
		</ion-content>
		<ion-tabs></ion-tabs>
	</div>
</template>

<script>
	export default {
		name: 'market',
		methods: {
			removeTodo: function() {
				this.items.splice(index, 1)
			},
			addAtLast: function() {
				alert(1, 200);

			},
			deleteAtTop: function() {
				this.items.shift();
			},
			deleteAtBottom: function() {
				this.items.pop();
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>